<template>
  <div id="app" :class="classObj">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  computed: {
    classObj() {
      const themeColor = this.$store.state.settings.theme
      let className = ''
      switch(themeColor) {
        case '#304156':
          className = 'dark-theme'
          break;
        case '#6959CD':
          className = 'purple-theme'
          break;
        case '#F5222D':
          className = 'red-theme'
          break;
      }
      return { [className]: true }
    }
  }
}
</script>

<style scoped>
</style>
